<!DOCTYPE html>
<html lang="en">
@@include('./include/meta.html', {"title":"首页"})
<style>
    .container {
        position: relative;
    }
</style>
<body style="background:#f5f5f5">
<!--加载公共头部开始-->
@@include('./include/header.html')
<!--加载公共头部结束-->
<!--中间内容部分开始-->
<div class="list-body">

    <!--二级分类开始-->
    <div class="top">
        <ul class="he">
            <li><a href="">木质产品</a></li>
            <li><a href="">根雕</a></li>
            <li><a href="">绘画</a></li>
            <li><a href="">茶具</a></li>
            <li><a href="">茶海</a></li>
            <li><a href="">陶瓷</a></li>
            <li><a href="">扎染</a></li>
            <li><a href="">其他</a></li>
        </ul>
    </div>
    <!--二级分类结束-->
    <!--菜单流开始-->
    <div class="liu">
        <a href="">
        <div class="wen">
            <span>SHOU &nbsp; 首页</span>
            <span>FIRST PAGE</span>
        </div>
        </a>
        <div class="tu">
            <img src="./img/biao.png" alt="">
        </div>

        <a href="">
        <div class="wen">
            <span>原创产品</span>
            <span>ORIGINAL</span>
        </div>
        </a>
        <div class="tu" style="background: red">
            <img src="./img/biao.png" alt="">
        </div>

        <a href="">
        <div class="wen">
            <span>产品列表</span>
            <span>PRODUCTLIST</span>
        </div>
        </a>
    </div>
    <!--菜单流结束-->
    <!--产品列表部分开始-->
    <div class="list">
        <ul>
            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                        <img src="./img/logo2.png" alt="">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>

            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>
            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>
            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>
            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>
            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>
            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>

            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>

            <li>
                <a class="a" href="">
                    <img src="./img/ping.png" alt="">
                    <div class="zi">
                        <span class="span">&yen;&nbsp;<en>1999.00</en>&nbsp;元</span>
                        <span class="pan"><i class="i1">&nbsp;</i>原创中式红椅<i class="i2">&nbsp;</i></span>
                        <span class="an">ORIGINAL CERAMIC CUP</span>
                    </div>
                </a>
                <!--蒙版开始-->
                <div class="ban">
                    <div class="xian">
                    </div>
                </div>
                <!--蒙版结束-->
                <p class="p">这幅油画是油画师王晓彤创作完成
                    设计理念是简约不简单</p>
            </li>
        </ul>
    </div>
    <!--产品列表部分结束-->
    <!--分页开始-->
    <div class="ye">
        <ul>
            <li>
                <a class="a" href="">
                    <img src="./img/heizuo.png" alt="">
                </a>
            </li>
            <li style="background:white;border:1px dashed red;">
                <a class="a" href=""style="color: black">1</a>
            </li>
            <li>
                <a class="a" href="" style="color: white">2</a>
            </li>
            <li style="background:white;border:1px dashed red;color: black">
                <a class="a" href="" style="color: black">3</a>
            </li>
            <li>
                <a class="a" href="">
                    <img src="./img/heiyou.png" alt="">
                </a>
            </li>
        </ul>



    </div>
    <!--分页结束-->





    @@include('./include/bottom.html')

</div>
<!--中间内容部分结束-->

<!--加载公共底部开始-->

<!--加载公共底部结束-->
</body>

</html>